游標的材質與形態以及設計方法 iPadOS pointer(指南)

材質

PadOS中的指標材質會平滑地適應背景顏色。它在所有時候都提供最佳對比度而不分散注意力。當背景顏色變化時,指標的顏色也會隨之變化。

A 這種材質在保持對比度的同時不會遮擋背景。這是因為當人們使用iPad和觸控板時,我們希望指標能顯示互動位置。但它不應該過多地吸引注意力,影響內容。

B 當指標變成按鈕形狀時,它不僅改變了形狀,顏色也變得更淺,以提供良好的標籤可讀性。當點選時,圓圈會縮小並變暗,以提供令人滿意的點選反饋。這些都是指標材質適應其功能的例子。

形態

指標的形狀是一個代表觸控的圓圈。它的大小與基於觸控的UI元素很好地對應。圓形為指標變成任何形狀提供了完美的基礎。

A 矩形型別:從圓形變為圓角矩形。變成用於I形游標的豎條。變成用於突出顯示頂部狀態區域的水平橢圓形,或用於突出顯示抓取點。

B 圓形變成任意形狀:指標可以變成十字形以指示高精度區域。還可以變成一對三角形,告知人們拖動方向,或者當按住Command鍵時,指標功能被修改。

如何設計一個出色的自定義指標形狀?

A 指標形狀應傳達的作用。例如,在Keynote中,指標會變成一對箭頭,顯示人們可以拖動選擇控制代碼的方向。

B 儘量使用實心形狀。記住,指標的顏色是不斷變化的。實心形狀可以保持清晰度,使其易於閱讀。但不能使用實心填充形狀,請使用粗描邊,並確保描邊的粗細足夠保持視覺重量。

C 自定義形狀的大小應與預設指標(19點的圓形)在視覺上平衡。換句話說,如果你有一個窄形狀,可能需要將其放大,以保持類似的視覺重量。十字標記是24點,而圓形是19點。指標將從預設狀態變為自定義狀態。如果自定義指標太小,它可能會丟失。

D 兩種狀態之間的大小差異很大,轉換過程可能會變得刺眼和分散注意力。

E 當你設計自定義指標時,確保形狀儘可能直接地傳達其意圖。

假設你正在設計一個閱讀和高亮文字的應用程式。與其使用標記筆圖示作為自定義高亮指標,不如展示標記筆尖的形狀。這種形狀不僅告知人們文字選擇的高度,還類似於I形游標,暗示了所有自適應位置和對準的系統行為。

F 在可能的情況下保持中心錨點。

在這個例子中可以使用目標形狀來進行精確的顏色取樣,而不是使用滴管圖示作為自定義指標。